@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	width:100%;
	height:auto; color:#333;
	font-family:"微软雅黑"; 
	font-size:12px;
}
#clear{
	clear:both;
}
img{
	border:0;
}
p{
	margin:0;
	}
ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
a{
	text-decoration:none; color:#333;
}
a:hover{color:#ed1b24;}
li{  
	list-style-type :none; 
	padding:0;
	margin:0; 
}
dl, dt, dd{
	margin:0;
	padding:0;
}



 
#toplogo{
	width:100%;
	height:105px; padding-top:20px;
}
.toplogocon{
	width:1200px;
	margin:0 auto;
}
.toplogogsmc{
	float:left;
	width:305px; margin-right:15px;
	font-size:18px;
	color:#ff4e00;
	line-height:40px;
}
.toplogodianhua{
	float:right;
	width:430px;
}
.toplogodianhua p{
font-size:20px;
float:right;
margin-top:10px;
}
.toplogodianhua2{
	float:right;
	width:137px; height:40px;  background-image:url(../images/dh.jpg)  ; background-position:  0px 10px;  background-repeat:no-repeat; padding-left:40px;
}
.toplogodianhua2 a{line-height:40px;}
.toplogodianhua2 span{ font-size:24px; color:#FA7400; font-weight:bold;}
/*********************导航o***********************/


#menu2 {   height:53px; width:1200px; margin:auto; font-size:15px; }
#menu2 ul { list-style: none; margin: 0px; padding: 0px;  }
#menu2 ul li { float:left; text-align:center;}
#menu2 ul li a { display:block;  height: 53px; line-height:53px; border-right:1px solid #CCCCCC;  float:left; width:131px;  color:#333;}
#menu2 ul li  a:hover  {  background-color:#ed1b24; color:#fff; }


.nav {
	margin-top: 200px;
}
.nav * {
	text-decoration: none;
	font-size: 9pt;
}
.nav * a:hover {
	background-color: #ed1b24;/* 鼠标经过时的红色背景，可自定义 */
	color:#fff;
}
.menu {
	list-style: none;
	height: 53px;
	width: 100%;
	border-top:1px solid #ccc;
}
.nav {
	list-style: none;
	height: 53px;
	width: 1200px;
	margin: 0 auto;
}
.nav .red{
	background:#ed1b24;
	color:#fff;
}
.nav li {
	float: left;
	border-right: 1px solid #CCCCCC;
	position: relative;
	width:118px;
}
.nav li a {
	color: #333;
	height: 53px;
	width:100%;
	line-height: 53px;
blr:expression(this.onFocus=this.close());
blr:expression(this.onFocus=this.blur());
	display: inline-block;
	text-align:center;
	font-size:14px;
}
.nav li a:focus {
	-moz-outline-style: none;
}
.nav li .sub-nav {
	position: absolute;
	top: 53px;
	left: -1px;
	list-style: none;
	border:1px solid #ed1b24;
	display: none;
	z-index:999;
	background:#fff;
}
.nav li .sub-nav li {
	text-align: center;
	clear: left;
	width: 131px;
	height: 35px;
	line-height: 35px;
	position: relative;
	border-bottom:1px dashed #ccc;
}
.nav li .sub-nav li a {
	height: 34px;
	line-height: 34px;
	width: 129px;
	padding: 0;
	display: inline-block;
	font-size:14px;
}





/*********************新闻***********************/
#zhu12{width:1200px; margin:auto; overflow:hidden; height:450px; }
#zhu112{overflow:hidden; height:auto;  }
#zhu112 .df{ float:right; width:806px; height:400px; }
#zhu112 .df2{ float:left; width:350px; }
#zhu112 .df2 .zi{ font-size:12px; color:#494949; line-height:25px;}

#zhu112 .nn1{ float:left; width:256px; height:auto; margin-right:5px; margin-left:5px;}
#zhu112 .nn1 img{float:left; width:256px; height:192px;}
#zhu112 .nn1 p{ width:100%; line-height:25px; margin:0; text-align:left; font-size:12px; z-index:100; float:left; position:relative;}
#zhu112 .nn1 h5{width:100%; line-height:25px; margin:0; text-align:left; font-size:14px; z-index:100; float:left; position:relative;}
/*********************活动新闻列表***********************/
.xzlist{ padding-top:10px; overflow:hidden;}
.xzlist2{ padding-top:10px;}
.xzlist3{ padding-top:10px; overflow:hidden; padding-bottom:20px; width:92%; margin:auto;}

.NewsList li{height:35px;line-height:35px;overflow:hidden;padding:0 20px; font-size:12px; border-bottom:1px dashed #CCCCCC;}
.NewsList li a{color:#333;}
.NewsList li a:hover{color:#ed1b24;}

/*********************产品中心***********************/
#anli{ background-color:#F0F0F0;  height:auto; }

#anli .lie{ width:1230px; margin:auto; overflow:hidden; height:auto; padding-bottom:20px;}
	
#anli .lie li { margin-right:10px; margin-left:10px; float:left; width:245px; margin-bottom:20px; font-size:12px;
 }
#anli .lie li a{ display: block; color:#686767; text-align:center;
 }
#anli .lie li a img{width:100%; height:auto; }
#anli .lie li a:hover{color:#ed1b24;
 }

.bb1{text-align:center; font-size:36px; padding-bottom:5px; line-height:45px; height:70px; padding-top:70px;  color:#4294CD; font-weight:bold; }
.span1{ border-bottom:2px solid #4294CD;}
	
.fuz{ font-size:16px; line-height:27px;}
 .xin11{ font-size:24px; line-height:40px; padding-top:10px; color:#515151;}
.xiangmli{float:left; 
line-height:30px;
} 

.xiangmli a{margin-right:10px;   width:145px; 
font-size:12px; margin-top:3px;
display:block; 
list-style:none; 
color:#868686;
} 
.xiangmli a:hover{ color:#000;} 

.xiangmli2{float:left; 
line-height:30px;
} 

.xiangmli2 a{margin-right:5px;   width:110px; 
font-size:12px; margin-top:3px;
display:block; 
list-style:none; 
color:#868686;
} 
.xiangmli2 a:hover{ color:#000;} 

/*********************g官方套餐***********************/
.bb2{text-align:center; font-size:36px; padding-bottom:25px; line-height:45px; height:65px; padding-top:50px;  color:#137CD5; font-weight:bold; }


/*********************anli***********************/
#zhu13{width:1200px; margin:auto; overflow:hidden; padding-bottom:50px; }
#zhu13 .bleft1{ float:left; width:280px; margin-right:10px; margin-left:10px; height:auto; background-color:#EA2C2C; text-align:center; color:#FFFFFF;}
#zhu13 .bleft1 .azi{ line-height:45px; font-size:18px; color:#FFFFFF;}
#zhu13 .bleft1 .azi a{  color:#FFFFFF;}


#zhu13 span{ font-size:24px; color:#0093DD;}

.NewsList2 li{height:30px;line-height:30px;overflow:hidden;padding:0 10px; font-size:12px; color:#565656; border-bottom:1px dashed #999999;}
.NewsList2 li a{color:#565656;}
.NewsList2 li a:hover{color:#ed1b24;}


.NewsList22 li{height:30px;line-height:30px;overflow:hidden;padding:0 10px; font-size:12px; color:#565656; border-bottom:1px dashed #999999;}
.NewsList22 li a{height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 12px;}
.NewsList22 li a:hover{color:#000;}

.xx2 li { width:288px; height:230px; margin-right:13px;  float:left; text-align:center; margin-bottom:10px; }
/*.xx2 li a{ display: block; color:#333; width:286px;height:180px;}
.xx2 li a:hover{ background-color:#fff; }
.xx2 li a img{width:auto;  max-height:180px; margin:auto 0;}*/

/*********************媒体资源***********************/
#zhu14{width:1160px; margin:auto; overflow:hidden; padding:20px; height:215px; background-color:#F5F5F5; border:1px solid #E2E2E2; }
#zhu14 .tu1{ float:left; width:271px; margin-right:25px; height:215px; }
#zhu14 .tu2{ float:left; width:271px;  height:215px; }

.NewsList3 li{ float:left; width:85px; height:30px;line-height:30px;padding:0 10px; font-size:12px; color:#565656; border-bottom:1px dashed #999999;}
.NewsList3 li a{color:#565656;}
.NewsList3 li a:hover{color:#000;}



#ping{width:1200px; margin:auto; overflow:hidden; height:auto; }

/*********************表单***********************/
.container {
	
	width:700x; margin:auto; text-align:center;
	margin:0 auto;
	position:relative;
}


#contact {
	padding-left:150px; padding-top:10px;
	padding-right:20px;
	margin:5px 0;
}

#contact .span {
	color: #F96;
	display: block;
	font-size: 30px;
	font-weight: 100;
}



fieldset {
	border: medium none !important; margin-right:28px; margin-bottom:10px;
	
	padding: 0;
	width: 460px; float:left; 
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:6px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:60px; width:350px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
	cursor:pointer; 
	width:255px;
	border:none;
	background:#0CF;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}

#contact button[type="submit"]:hover {
	background:#09C;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}


.clear {
    clear: both;
}
.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
    height: 0;
}

#menu3 {   height:auto; width:1200px; margin:auto; font-size:18px; margin-bottom:20px;}
#menu3 ul { list-style: none; margin: 0px; padding: 0px;  }
#menu3 ul li { float:left; text-align:center;}
#menu3 ul li a { display:block;  height: 53px; line-height:53px;  float:left; width:128px; margin-right:20px; background-color:#DE2929;  color:#fff; margin-bottom:10px; padding:0px 12px;}
#menu3 ul li  a:hover  {  background-color:#ed1b24; color:#fff; }


#menu4 { height:auto; width:905px; margin:auto;  margin-bottom:20px;}
#menu4 ul { list-style: none; margin: 0px; padding: 0px;  }
#menu4 ul li { float:left; text-align:center; margin-bottom:10px;}
#menu4 ul li a { display:block;  height: 53px; line-height:53px;  float:left; width:151px; margin-right:20px; border:1px solid #ccc; color:#333; border-radius:25px;}
#menu4 ul li  a:hover  {  background-color:#ed1b24; color:#fff; }


.news{ border:1px solid #CFCFCF; padding:15px; margin-bottom:20px; height:180px; background-color:#F8F8F8;}
.news .nleft{ float:left; width:206px; height:158px;}
.news .nright{ float:right; width:906px; height:158px; line-height:27px;}
.news .nright .nbt{ height:50px; line-height:50px; font-size:18px;}
.news .nright .nbt2{ font-size:15px; color:#818181;}
.news .nright .nbt2 a{ font-size:15px; color:#818181; }
.news .nright .nbt2 a:hover{ color:#333; text-decoration:underline;}


#khal{  height:800px; padding-bottom:60px; }
.zizi{ font-size:20px; text-align:center;}


#er11{width:1200px; margin:auto; overflow:hidden; padding-top:40px; padding-bottom:20px; }
#er11 .gz{ font-size:18px; font-weight:bold; color:#ed1b24; height:50px; line-height:50px; border-bottom:1px solid #E2E2E2; margin-bottom:20px;}
#er11 .gz span{font-weight:normal; font-size:12px; color:#333;}
#er11 .cp1{ float:left; width:590px;  margin-right:10px;}
#er11 .cp1 .ruo{ border:1px solid #CCCCCC; padding:10px;}
#er11 .cp1 .ruo .ruo1{ height:50px; line-height:50px; border-bottom:1px solid #ed1b24; color:#ed1b24; font-size:18px;}

#er11 .cp2{ float:right; width:590px; height:auto; }
#er11 .cp2 .ruo{ border:1px solid #CCCCCC; padding:10px;}
#er11 .cp2 .ruo .ruo1{ height:50px; line-height:50px; border-bottom:1px solid #ed1b24; color:#ed1b24; font-size:20px;}


#er11 .rr1{ float:left; width:267px;  margin-right:20px; border:1px solid #CCCCCC;}
#er11 .rr11{ float:left; width:267px;  margin-right:20px; }

#er11 .rr2{ float:right; width:905px; height:auto; }
#er11 .rr2 img{max-width:100%;}

/*********************友情链接***********************/

.links{ width:1150px; margin:auto;  font-size:15px; line-height:30px; padding-top:30px;  padding-bottom:20px; }
.links span{ color:#0093DD; font-weight:bold;}
.links a{ color:#666; line-height:30px;}
.links a:hover{ color:#000; line-height:30px;}


/*********************内页主体***********************/
#banner1_1{ background-image:url(../images/banner1_1.jpg);background-position:center; background-repeat:no-repeat; height:400px;}
#ztt{ width:1194px; margin:auto; overflow:hidden; padding-top:30px; padding-bottom:40px;}
#ztt .lla{ float:left; width:275px;  }
#ztt .left1{ height:66px; background-image:url(../images/ll1.jpg);  font-size:16px;  }

#ztt .llb{ float:right; width:870px;  padding:5px; }
#ztt .llb .nn1{ height:40px; line-height:40px; border-bottom:1px solid #208DD4; font-size:18px; color:#208DD4; font-weight:bold; }

/*********************内页导航***********************/

	
#left .bian2 li { background-image:url(../images/m1.jpg) no-repeat 0px 0px; background-color:#efefef;
 }
#left .bian2 li a{ display: block; color:#333; line-height:35px; margin-bottom:7px; padding-left:30px; border:1px solid #efefef;
 }
 #left .bian2 li a:hover{ color:#FFf; background-color:#208DD4;
 }



/*********************底部***********************/
#ff1{width:1200px; margin:auto; height:290px; }
#ff1 .biao11{ height:30px; line-height:30px; font-size:14px; color:#ed1b24; font-weight:bold; padding-left:20px;}

#ff1 .f1{ float:left; width:170px; margin-right:25px; height:260px; padding-top:30px; border-left:1px solid #bdbebf;}
#ff1 .f2{ float:left; width:200px; margin-right:25px; height:260px; padding-top:30px; border-left:1px solid #bdbebf;}
#ff1 .f3{ float:left; width:350px;  height:260px; }

.NewsList4 li{height:25px;line-height:25px;overflow:hidden;padding:0 10px; font-size:12px; color:#999; }
.NewsList4 li a{color:#333;}
.NewsList4 li a:hover{color:#fff;}

.NewsList5 li{ float:left; width:90px; height:25px;line-height:25px;padding:0 5px; font-size:12px; color:#999;}
.NewsList5 li a{color:#333;}
.NewsList5 li a:hover{color:#ed1b24;}


#foot2{ background:url(../images/bg22.jpg) center bottom repeat-x; line-height:25px; height:auto;  color:#333;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/*首页工程业绩*/
div.indexmaindiv{height:230px;margin:0px auto;width:1200px;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:76px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:76px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:267px;height:208px; font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:267px;height:178px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:267px;height:178px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:156px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;background:url('../images/checkdetail.png') no-repeat;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:76px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:76px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1127px;height:208px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:267px;height:208px;margin-left:13px;}

.bodyCon08 .students{margin:0 auto;width:806px;height:337px;position:relative;}
.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}
#four_flash{position:relative;width:806px;height:337px; margin:0 auto;position:absolute;}
#four_flash .flashBg{width:744px;height:337px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:337px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:230px;height:340px;margin-left:8px; margin-right:8px; color:#333;}
#four_flash .flashBg ul.mobile li img{width:230px;height:160px;display:block; margin:0 auto;}
#four_flash .flashBg ul.mobile li dd{float:left; font-size:14px;width:230px;line-height:25px; font-weight:bold;}
#four_flash .flashBg ul.mobile li p{float:left; font-size:12px;  width:230px; line-height:25px;}
#four_flash .flashBg ul.mobile li p span{line-height:25px; width:auto; float:left;}
#four_flash .flashBg ul.mobile li a{float:left; display:block; width:100%;line-height:20px;border:0px;}
#four_flash .flashBg ul.mobile li a img{width:20px; height:20px; margin-top:5px;}
#four_flash .flashBg ul.mobile li a:hover{color:#ed1b24;}
#four_flash .but_left{width:30px;height:100px;position:absolute; top:136px; left:0px;}
#four_flash .but_right{width:30px;height:100px; position:absolute; top:136px; right:0px;}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}